@chart:utf8;
/*异样字体*/
@font-face{
    font-family: 'myFont';               /*自定义字体名称*/
    src: url('../lib/font/fzzyjt.eot');   /*IE9兼容模式*/
    src: url('../lib/font/fzzyjt.eot?#iefix') format('embedded-opentype'),  /*IE6~IE8*/
         url('../lib/font/fzzyjt.woff') format('woff'),         /*现代浏览器*/
         url('../lib/font/original-fzzyjt.ttf') format('truetype'),     /*Safari,Android,iOS*/
         url('../lib/font/fzzyjt.svg#SingleMaltaRegular') format('svg');   /*Legacy iOS*/
    font-weight: normal;
    font-style: normal;
}
.Myfont{font-family: 'myFont';}
/*base*/
*{margin: 0;padding: 0;font-family:'PingFangSC-Light','Hiragino Sans GB',Microsoft YaHei Light,Microsoft YaHei,Arial,sans-serif;;word-wrap:break-word;word-break:break-all;outline: none;}
body{color: #666;font-size:14px;line-height:1.75;background:#FFF;min-width: 1230px; height: 95%;}
html{height:100%;}
a{color: #424242;text-decoration: none; cursor: pointer; /*transition: all 0.5s ease 0s;*/}
label {cursor: default;}
dl,ul,ol{-webkit-margin-before:0;-webkit-margin-after:0;list-style: none;}
input[type="text"],input[type="number"],input[type="tel"],input[type="password"],textarea{color: #333333; font-size: 12px; text-indent: 15px; border:1px solid #e2e2e2;line-height:26px;height: 26px;}
select{ border:1px solid #e2e2e2;line-height:26px;height: 26px;font-size: 12px;}
input[type="text"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="password"]:focus,textarea:focus	{border-color:#bbc3ff;outline: none;-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 5px rgba(89, 102, 198, .2);
			box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 5px rgba(89, 102, 198, .2)}
input.redb,textarea.redb,input:focus.redb,textarea:focus.redb{border-color:#242424;}

/*.blue:hover	{background: #33c8f5;}*/
.org:hover{background: #f5a01d;}
.red:hover{ background: #f83634;}
.white:hover{ background: #f7f7f7;}
table{margin:5px auto;border-spacing: 0;width: 100%;}
img	{border:none;vertical-align: bottom;}
/**/


.oneLine{text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}

/* 文本对齐方式 */
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}

.vc{ vertical-align: middle;}
.vt{ vertical-align: top;}
.vcm{vertical-align: -webkit-baseline-middle;}
/*Font Color*/

/*-----字体颜色-----*/
.c3{ color: #333 }
.c4{ color: #444 }
.c6{ color: #666;}
.c9{ color: #999;}
.cf{ color:#fff;}
.b9{color:#90caf9}
.bg_f5{ background: #f5f5f5}
.bg_de{background: #DEDEDE }
.bg_ff{ background: #fff;}

/*滚动条美化*/
::-webkit-scrollbar {  
  width: 14px;  
  height: 14px;  
}  
  
::-webkit-scrollbar-track,  
::-webkit-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}  
  
::-webkit-scrollbar-track {  
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  
}  
  
::-webkit-scrollbar-thumb {  
  min-height: 20px;  
  background-clip: content-box;  
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;  
}  
  
::-webkit-scrollbar-corner {  
  background: transparent;  
}  
/*Display*/
.disp-n	{display: none;}
.disp-b	{display: block;}
.disp-ib,a.btn	{display: inline-block;}
/*Font Size*/
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f34{font-size: 34px;}
.f80{font-size: 80px;}
/*width style*/
.wid_gd50{width:50px;margin-left:auto;margin-right:auto;min-width:25px}
.wid_gd100{width:100px;margin-left:auto;margin-right:auto;min-width:125px}
.wid_gd150{width:150px;margin-left:auto;margin-right:auto;min-width:150px}
.wid_gd200{width:200px;margin-left:auto;margin-right:auto;min-width:200px}
.wid_gd250{width:250px;margin-left:auto;margin-right:auto;min-width:250px}
.wid_gd300{width:300px;margin-left:auto;margin-right:auto;min-width:300px}
.wid_gd350{width:350px;margin-left:auto;margin-right:auto;min-width:350px}

/*Font Style*/
.fb{font-weight:bold;}
.fn{font-weight:none;}
.fa{font-family:Arial;}
.del {text-decoration: line-through;}
.tdn{text-decoration: underline ;}
/*Position*/
.pos-r{position: relative;}
.pos-a{position: absolute;}
/*block*/
.block10{height:10px;  line-height: 10px;}
.block20{height:20px;  line-height: 20px;}
.block30{height:30px;  line-height: 30px;}
.block40{height:40px;  line-height: 40px;}
.block50{height:50px;  line-height: 50px;}
.block60{height:60px;  line-height: 60px;}
.block100{height:100px;  line-height: 100px;}
/*padding-Arrays*/
.p10{ padding: 0 10px;}
.p15{ padding: 0 15px;}
.p20{ padding: 0 20px;}
.p30{ padding: 0 30px;}
.p40{ padding: 0 40px;}
.pt5{ padding-top: 5px;}
.pt50{ padding-top: 50px;}
.pt100{ padding-top: 100px;}
.pl5{ padding-left: 5px;}
.pl15{ padding-left: 15px;}
.pl30{ padding-left: 30px;}
/*Margin-Arrays*/
.m4{ margin: 4px;}
.mt2{margin-top:2px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml200{margin-left:200px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr200{margin-right:200px}

.mt30{margin-top: 30px;}.ml30{margin-left: 30px;}.mr30{margin-right: 30px;}.mb30{margin-bottom: 30px;}
.mt20{margin-top: 20px;}.ml20{margin-left: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}
.mt10{margin-top: 10px;}.ml10{margin-left: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}
.mt15{margin-top: 15px;}.ml15{margin-left: 15px;}.mr15{margin-right: 15px;}.mb15{margin-bottom: 15px;}
.mt5{margin-top: 5px;}.ml5{margin-left:5px;}.mr5{margin-right:5px;}.mb5{margin-bottom: 5px;}
.mt30{margin-top: 30px;}.ml30{margin-left: 30px;}.mr30{margin-right: 30px;}.mb30{margin-bottom: 30px;}
.ml50{margin-left: 50px;}.mt50{margin-top: 50px;}.mr50{margin-right: 50px;}.mb50{margin-bottom: 50px;}
.mr40{margin-right: 40px;}.ml40{margin-left:40px;}

/*清楚浮动*/
.clear{clear:both;overflow: hidden;height: 0px;width: 0px;}
.cl{clear:both;}
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; } 
.clearfix {display: inline-block;}* html
.clearfix{height: 1%;}
.Clearfix{display: block;} /* for IE/Mac */  
.clearfix {zoom: 1;display: block;}
.img img{width: 100%;height: 100%;overflow: hidden;}
.border-bom1{border-bottom: 1px solid #ddd;}
.con{padding-left: 20px;}
.ml-20{margin-left: -20px;}
.ml5{margin-left: 5px;}
/*ALL Pages use*/
.w{width:100%;}
.w98{ width: 98%;}
.cc{margin-left:auto;margin-right: auto;}
.Page	{width:1200px;margin:auto;}
.Left,.fl	{float: left;}
.Right,.fr	{float: right;}

/*清清除边框*/
.clborder {border:0 !important;}
.borbottom{ border-bottom: 1px #CCC;}

/*添加虚线边框*/
.addbor{border: 1px #ccc solid; }
.addbasbor{border: 1px #cecbc2 dashed;}
.addbtombor{border-bottom: 3px #007CFF solid;}
/* @group 通用属性定义 */
/* 鼠标样式 */
.pointer{cursor:pointer;}
/* 取消边框 */
.NoBorder{border:0 none;}

/*
* 字母和单词换行设置
* @class Break 强制内容换行
* @class Nobreak 强制内容不换行
*/
.Break{word-break:break-all;word-wrap:break-word;}
.Nobreak{word-break:keep-all;word-wrap:normal;}
/* 首字距 */
.t1em{ text-indent: 1em;}
.t2em{ text-indent: 2em;}
/*btn*/
/*btn*/
button	{line-height: 1 !important;*margin: 0px 10px;}
.btn i{font-size:12px;}
.btn{display: inline-block;
	padding: 6px 14px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 3px}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc
}

.btn-default:hover {
	color: #333;
	background-color: #fdfdfd;
	border-color: #adadad
}
.btn-danger {
	color: #fff;
	background-color: #dd524d;
	border-color: #dd524d
}


.btn-danger:hover {
	color: #fff;
	background-color: #d6322c;
	border-color: #d6322c
}
.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #50ad50;
}

.btn-success:hover {
	color: #fff;
	background-color: #50c650;
	border-color: #5cb85c
}
.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #5bc0de
}


.btn-info:hover {
	color: #fff;
	background-color: #35b2d7;
	border-color: #35b2d7
}
.btn-primary {
	color: #fff;
	background-color: #007aff;
	border-color: #007aff
}


.btn-primary:hover {
	color: #fff;
	background-color: #006bdf;
	border-color: #006bdf
}
.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #f0ad4e
}


.btn-warning:hover {
	color: #fff;
	background-color: #eb9d2f;
	border-color: #eb9d2f
}
.btn-link {
	font-weight: 400;
	color: #337ab7;
	border-radius: 0;
	background: none;
}
.btn-link:hover{
	color: #0f66b0;	
}
.btn-lg {
	padding: 7px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 4px
}
.btn-zg {
	padding: 7px 16px;
	font-size: 14px;
	line-height: 1.3333333;
	border-radius: 4px
}
.btn-sm {
	padding: 5px 12px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.btn-xs {
	padding: 2px 16px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.btn-block {
	display: block;
	width: 100%
}
.btn-round{border-radius: 20px;}
.inputgroup .btn{height:30px;}
/*按钮空心*/
.btn-outlined{ background-color: transparent;}
.btn-outlined:hover{ background: none;}
.btn-outlined.btn-default{color:#333;}
.btn-outlined.btn-danger{color:#dd524d}
.btn-outlined.btn-info{color:#5bc0de}
.btn-outlined.btn-primary{color:#007aff}
.btn-outlined.btn-warning{color:#f0ad4e}
.btn-outlined.btn-success{color:#4cd964}
.btn-outlined.btn-default:hover{color:#2c2c2c;border-color:#2c2c2c}
.btn-outlined.btn-danger:hover{color:#d93a35;border-color:#d93a35}
.btn-outlined.btn-info:hover{color:#35b2d7;border-color:#35b2d7}
.btn-outlined.btn-primary:hover{color:#0b6fdc;border-color:#0b6fdc}
.btn-outlined.btn-warning:hover{color:#df8c16;border-color:#df8c16}
.btn-outlined.btn-success:hover{color:#2ad547;border-color:#2ad547}
/*按钮下拉*/
.dropdown {position: relative; display: inline-block;z-index: 300;}
.dropdown i{font-size: 14px;}
.dropdown .dropdown-menu{text-align: center;line-height: 30px;position: absolute;left:-1px;background-color: #fff;display: none;z-index: 200;border:#f1f1f1 1px solid }

.dropdown .dropdown-menu a  {display: block;}
.dropdown .dropdown-menu a:hover    {background-color: #e8e8e8;}

/*.dropdown.dropdown_hover:hover .dropdown-menu  {display: block;}*/
.radius {border-radius:4px;}
.box-shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.dropdown.bradius .dropdown-menu li{width:100%;}
.dropdown.bradius .dropdown-menu.radius {
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.dropdown.bradius .dropdown-menu{border-top:none;}
/*标签切换*/
.tabnavs {padding:0;margin:0;width:100%; display: block;}
.tabhand .tabnavs.box .active{
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	border-radius: 4px 4px 0 0;
	margin-bottom:-1px;
}
.tabhand .tabnavs.line .active{
	border-bottom: #fb6e52 2px solid;
	margin-bottom:-1px;
	color:#fb6e52;
}
.tabhand .tabnavs.box li:not(.active):hover{
	border-radius: 4px 4px 0 0;
	background: #f0f0f0;
}
.tabnavs li{float:left;padding:5px 16px;margin-left:2px;cursor: pointer;}
.tabnavs li:first-child{margin-left:0;}
.tabhand .tabcontent{}
.tabhand .tabcontent .tabpage{display: none;}
.tabhand .tabcontent .tabpage.active{ display: block;}
.tabhand .tabcontent .tabpage dl dd{line-height:26px;}
.tabhand .tabcontent .tabpage dl dd a{width:80%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tabhand .tabcontent .tabpage dl dd a:hover{ text-decoration: underline;}
.tabhand .tabcontent .tabpage dl dd span{float:right;color:#c2c2c2;margin-right:5px;}
/*checkbox、radio美化*/
/*颜色*/

.danger input[type=checkbox]:checked + label:after,.danger input[type=radio]:checked + label:after{ background: #dd524d;}
.success input[type=checkbox]:checked + label:after,.success input[type=radio]:checked + label:after{background: #4cd964;}
.primary input[type=checkbox]:checked + label:after,.primary input[type=radio]:checked + label:after{background: #b1b8e8;}
.info input[type=checkbox]:checked + label:after,.info input[type=radio]:checked + label:after{ background: #5bc0de;}
.warning input[type=checkbox]:checked + label:after,.warning input[type=radio]:checked + label:after{ background: #f0ad4e;}
.primary.circle input[type=checkbox]:checked + label:after,.primary.circle input[type=radio]:checked + label:after{ background: #007aff;}
.inputgroup input[type=checkbox],.inputgroup input[type=radio]{display: none;}
.inputgroup{}
.inputgroup.input-checkbox input + label {
	background-color: #FFF;
	border: 1px solid #C1CACA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	display: inline-block;
	position: relative;
	top:3px;
	margin-right: 5px;
	
}
.inputgroup.input-checkbox.circle input + label {
	padding: 8px;
	border-radius: 50px;
}
.inputgroup.input-checkbox.rectangle input + label {
	padding: 2px 10px 17px 10px;
	border-radius: 4px;
}


.inputgroup.input-checkbox input:disabled + label {
   
	border: 1px solid #dddddd;
	cursor: default;
}
.inputgroup.input-checkbox.circle input:disabled + label {
    background-color: #f8f8f8;
	
}
.inputgroup.input-checkbox.rectangle input:disabled + label {
    background-color: #fcfcfc;
	
}
.inputgroup.input-checkbox input + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.inputgroup.input-checkbox input:checked + label {
	
}
.inputgroup.input-checkbox.rectangle input:checked + label {
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	color: #243441;
}
.inputgroup.input-checkbox.circle input:checked + label {
	background-color: #0283ee;
	border: 1px solid #92A1AC;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441;
}
.inputgroup.input-checkbox input:checked + label:after {
	
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	
	text-align: center;
	font-weight:normal ;
	vertical-align: middle;	
}
.inputgroup.input-checkbox.rectangle input:checked + label:after {
	border-radius: 4px;
	color: #333;
	font-weight: bold;
}
.inputgroup.input-checkbox.circle input:checked + label:after {
	border-radius: 50px;
	color: #fff;
}
/*开关*/

.inputgroup.input-checkboxswitch input + label {
	background-color: #FFFFFF;
	padding: 8px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	width: 40px;
	height: 15px;
}

.inputgroup.input-checkboxswitch.input-text input + label{width: 50px;} 
.inputgroup.input-checkboxswitch input  + label:after {
	content: ' ';
	color:#fff;
	position: absolute;
	top: 0;
	-webkit-transition: box-shadow 0.1s ease-in;
	transition: box-shadow 0.1s ease-in;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
}

.inputgroup.input-checkboxswitch input  + label:before {
	content: ' ';
	position: absolute;
	background: white;
	top: 1px;
	left: 1px;
	z-index: 999999;
	width: 31px;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	height: 31px;
	border-radius: 100px;
	box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
}
.inputgroup.input-checkboxswitch input + label:after {
	
	position: absolute;
	top: 1px;
	left: 1px;
	text-indent:35px;
	
	color: #000;
	font-weight: bold;
	line-height: 30px;

}
.inputgroup.input-checkboxswitch.input-text input + label:after {
	content: '关闭';	

}
.inputgroup.input-checkboxswitch input:active + label:after {
	box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
}

.inputgroup.input-checkboxswitch input:active + label:before {
	width: 37px;
}
.inputgroup.input-checkboxswitch.input-text input:active + label:before {
	width: 47px;
}
.inputgroup.input-checkboxswitch input:checked:active + label:before {
	width: 37px;
	left: 0px;
}
.inputgroup.input-checkboxswitch.input-text input:checked:active + label:before {
	width: 47px;
	left: 30px;
}
.inputgroup.input-checkboxswitch input  + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.inputgroup.input-checkboxswitch input:checked + label:before {
	content: ' ';
	position: absolute;
	left: 26px;
	border-radius: 100px;
}
.inputgroup.input-checkboxswitch.input-text input:checked + label:before {
	left: 36px;
	
}
.inputgroup.input-checkboxswitch input:checked + label:after {
	
	
	position: absolute;
	text-indent: 8px;
	color:#fff;
	box-shadow: 0 0 1px #4cda60;
}
.inputgroup.input-checkboxswitch.input-text input:checked + label:after {
	content: ' 开启';	
}
/*paging*/
.paging{text-align: center;
    bottom: 30px;
    left: 0;
    right: 0;
}
.paging ul{display: inline-block;height: 30px;line-height: 30px;border: 1px solid #e2e2e2; border-radius: 3px;}
.paging ul li{float: left; }
.paging ul li a{display: block; padding: 0 15px;border-right: 1px solid #e2e2e2;}
.paging ul li .borderNone{border-right: none;}
.paging ul li a:hover{background-color: #5966c6;color: #FFFFFF;}
.paging ul li.active a{background-color: #5966c6;color: #FFFFFF;border-right: 1px solid #5966c6;}
#page{position: absolute;left: 6px;}


















